<!DOCTYPE html>

<html>
  <head>
    <?php wp_head(); get_header();?>
    <script type="text/javascript">
      $(document).ready(function(){
      var is_hide=0;
        $('#side_on_off').on('switch-change', function(){
          $(".sidebar").toggle();
          is_hide=$("#side_on_off div").hasClass("switch-on");
          if(!is_hide){ //隐藏侧边栏
            $("#main").removeClass("col-md-9");
            $("#main").addClass("col-md-12");
          }else{        //显示侧边栏
            $("#main").removeClass("col-md-12");
            $("#main").addClass("col-md-9");
          }
          hide_ok=1;
        });
      });
    </script>
  </head>
  
  <body style="padding : 60px 0 0 0;"><div class="container"><div class="row">


  <!--主循环-->
  <!--文章-->

    <div id="main" class="col-md-9">
        
        <div class="hidden-xs hidden-sm">
          <span style="font-size:29px" >侧边栏: </span>
          <div class="switch" id="side_on_off" style="margin: 25px 0 -4px 0;">
            <input type="checkbox" checked />
          </div>
        </div>

        <?php the_post(); ?>
        
        <a href="<?php the_permalink(); ?>">
        <h2 style="margin: 0 0 5px;"><?php the_title(); ?></h2>
        </a>
        
        <div class="postdata" style="background-color:#eee;padding:0 0 0 2px;margin:0 0 5px;">
          
          文章信息: 作者
          <?php the_author(','); ?>
          , 分类:
          <span class="wenzhangtab"><?php the_category(','); ?></span>
          , 
          <?php comments_popup_link('没有评论','共有1评论', '共有%评论'); ?>
          <?php the_tags(',标签: ',',',''); ?>
          <?php edit_post_link('编辑',', 您可以','它'); ?>
          <br/>
          作者简介: <?php the_author_description(); ?> 
          <br/>
        </div>
   
        <div class="entry">  
          <?php the_content(); ?>
        </div>
        <br/>
        <div id="post_page">
          <?php wp_link_pages(array('next_or_number'=>'next', 'previouspagelink' => ' «上一页 ', 'nextpagelink'=>' 下一页» ')); ?>
        </div>
      <?php comments_template(); ?>
    </div>
  </body>
    <script type="text/javascript">
      jQuery("#loading").animate({width:"40%"},500);
    </script>
  <!--底部-->
      <div class="sidebar_in col-md-3"><?php get_sidebar(); ?></div>
  </div></div>
  <?php get_footer();?>

</html>
